<header class="page-header clearfix">
    <h4><i class="fa fa-bell"></i>系统通知</h4>
    <ol class="breadcrumb">
        <li><a>告警</a></li>
        <li class="active">系统通知</li>
    </ol>
</header>
<section>
    <div class="notification-container">
        <div ng-repeat="elem in list.table" class="panel" ng-class="{'marked': elem.marked}">
            <a href="javascript:void (0)" ng-click="list.markNotification(elem)" class="notification-header">
                <div class="notification-header-icon" ng-style="::elem.bg"></div>
            </a>
            <div class="notification-top-label" ng-style="::elem.bg">{{::elem.noticeTypeName}}</div>
            <div class="panel-body">
                <h5 class="margin-top-20">{{::elem.noticeContent}}</h5>
                <div class="notification-sub">{{::elem.noticeTime}}</div>
            </div>
        </div>
        <div class="text-center">
            <ui-pagination class="margin-top-0" items-per-page="10" total-items="list.page.totalItems"
                           ng-model="list.page.currentPage" ng-change="list.getList()"></ui-pagination>
        </div>
    </div>
</section>